﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebMap._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="Shortcut Icon" href="images/Sims%20XP.ico" type="image/x-icon">
    <title>新宇微社区-主页</title>
    <meta name="keywords" content="新宇微社区,微社区" />
    <meta name="description" content="新宇微社区是GIS社交网络，是每个人的第二人生，可以进行二手物品买卖，发布服务" />
    <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
    <link href="src/tip-darkgray/tip-darkgray.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
        data-appid="100463630" charset="utf-8"></script>

    <style type="text/css">
        /* 收缩展开效果 */.text .text
        {
            line-height: 22px;
            padding: 0 3px;
            color: #666;
        }
        .box h1
        {
            padding-left: 10px;
            height: 20px;
            line-height: 22px;
            background: #f1f1f1;
            font-weight: bold;
        }
        .box
        {
            position: relative;
            border: 1px solid #e7e7e7;
        }
    </style>

    <script src="JS/jquery-1.4.4.min.js" type="text/javascript"></script>

    <script src="src/jquery.poshytip.min.js" type="text/javascript"></script>

    <script src="JS/Common.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(document).ready(function(){
  
			 $('#demo-tip-darkgray').poshytip({
				className: 'tip-darkgray',
				bgImageFrameSize: 11,
				offsetX: -25
			});

	 
      $(".box h1").toggle(function(){
      $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
      },function(){
      $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
      });
     setTimeout("hidew()",10000)

     });

//    $(document).ready(function() {
//    $("#txtMsg").keypress(function(event) {
//        if (event.keyCode == 13) {
//            event.keyCode = 9; 
//   //do some of your things
//        }
//       
//     });

       function hidew( )
       {
        $("#summary").animate({height: 'toggle', opacity: 'toggle'}, "slow");
  
       }
       function SetSrc(ns)
       {
       document.getElementById("frm").src=ns;
       }
         function SetUserName(ns)
       {
       
       document.getElementById("Label1").innerText=ns;
        
       }
       
       function SetCityName(ns)
       {
       
       document.getElementById("Label3").innerText=ns;
        usercheck(ns);
       }
       
        function usercheck(addr) {
            
            var ip = $("#HidIP").attr("value");

            $(function () {
                $.ajax({ 
                    type: "Get",
                    url: "ashx/Ajax.ashx",
                    data: { "IP": ip, "Addr": addr },
                    cache: false,
                    beforeSend: function () {
                        //$("#divOpenWin").css("display", "block");
                    },
                    success: function (msg) {
                       
                    },
                    error: function (msg) {
                        alert('请求失败，请稍后再试！');
                    },
                    complete: function () {
                        //$("div#doing").css("display", "none");
                    }
                });

            });
        }

   function SaveMessage( ) {
          
       
       
           
           var msg=$("#txtMsg").val();

            $(function () {
                $.ajax({ 
                    type: "Get",
                    url: "ashx/SaveMsg.ashx",
                    data: { "msg": msg },
                    cache: false,
                    beforeSend: function () {
                        //$("#divOpenWin").css("display", "block");
                    },
                    success: function (msg) {
                       $("#txtMsg").val("");
                         alert('提交成功！');
                    },
                    error: function (msg) {
                        alert('请求失败，请稍后再试！');
                    },
                    complete: function () {
                        //$("div#doing").css("display", "none");
                    }
                });

            });
        }
        
        //从页面收集OpenAPI必要的参数。get_user_info不需要输入参数，因此paras中没有参数  
var paras = {};  
//  
////用JS SDK调用OpenAPI  
QC.api("get_user_info", paras)  
    //指定接口访问成功的接收函数，s为成功返回Response对象  
    .success(function(s){  
        //成功回调，通过s.data获取OpenAPI的返回数据  
        alert("获取用户信息成功！当前用户昵称为："+s.data.nickname);  
    })  
    //指定接口访问失败的接收函数，f为失败返回Response对象  
    .error(function(f){  
        //失败回调  
        alert("获取用户信息失败！");  
    })  
    //指定接口完成请求后的接收函数，c为完成请求返回Response对象  
    .complete(function(c){  
        //完成请求回调  
        alert("获取用户信息完成！");  
    });  

        
    </script>

    <script type="text/javascript">  
//    if (QC.Login.check()) {//如果已登录  
//        QC.Login.getMe(function(openId, accessToken) {  
//            alert(["当前登录用户的", "openId为：" + openId, "accessToken为：" + accessToken].join("\n"));  
//            $("#hidopenId").attr("value", openId);  
//            $("#hidaccessToken").attr("value", accessToken);  
//        });  
//        //这里可以调用自己的保存接口  
//        //...  
//    }  
//  
//    function ContAdd() {  
//        var openId = $("#hidopenId").val();  
//        var accessToken = $("#hidaccessToken").val();  
//  
//        $.ajax({  
//            type: "POST",  
//            url: "ajaxbackInfo.aspx",  
//            data: "openId=" + openId + "&accessToken=" + accessToken + "",  
//            success: function(result) {  
//                alert("aa" + result);  
//            }  
//        });  
//    }  
//    
   
    QC.Login({  
        btnId: "qqLoginBtn" //插入按钮的节点id  
  
    });  
      
      function Registr()
      {
      
       $("#middletitle").text("用户注册");
       // $("#mapDiv").hide(1500);
        $("#regDiv").show(1500);
      }
      
      function mbCheck()
      {
      
         if( isNaN($.trim( $("#mobileNo").val()) ))
         {
         alert("文字")
         
         }
         
      
      }
      function SetSearchInfo()
      {
        window.frames['frm'].SearchInfo() ;
       $("#regDiv").hide(1500);
        $("#mapDiv").show(1500);
      }

    </script>

    <script src="JS/MapCommon.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="templatemo_body_wrapper">
        <div id="templatemo_wrapper">
            <div id="templatemo_header">
                <div id="site_title">
                    <a href="http://www.dataminingcenter.net/" target="_parent">
                        <img src="images/templatemo_logo.png" alt="logo" />
                        <span>Your online shopping store</span> </a>
                </div>
                <div id="shopping_cart_box">
                    <h3>
                        <label>
                        </label>
                        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                        Shopping Cart</h3>
                    <p>
                        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                        <asp:Label ID="Label3" runat="server" Text=""></asp:Label>
                    </p>
                    <span id="qqLoginBtn"></span>
                </div>
            </div>
            <!-- end of templatemo_header -->
            <div id="templatemo_menu">
                <div id="search_box">
                    <input type="text" value="" name="username" size="10" id="input_field" title="usernmae" />
                    <input type="submit" name="login" value="Search" alt="login" id="submit_btn" title="Login" />
                </div>
                <ul>
                    <li><a href="http://www.dataminingcenter.net/" class="current">Today's Specials</a></li>
                    <li><a href="http://www.dataminingcenter.net/" target="_parent">Templates</a></li>
                    <li><a href="http://www.dataminingcenter.net/">Wish Lists</a></li>
                    <li><a href="subpage.html">Shipping Rates</a></li>
                    <li><a href="index.html">Return Policies</a></li>
                    <li><a href="subpage.html">Your Account</a></li>
                    <li><a href="index.html">Help</a></li>
                </ul>
            </div>
            <!-- end of templatemo_menu -->
            <div id="templatemo_content_wrapper">
                <div class="templatemo_sidebar_wrapper float_l">
                    <div class="templatemo_sidebar_top">
                    </div>
                    <div class="templatemo_sidebar">
                        <div class="sidebar_box">
                            <h2>
                                菜 单</h2>
                            <div class="sidebar_box_content">
                                <ul class="categories_list">
                                    <li onclick="Registr();"><a href="#">用户登录.注册</a></li>
                                    <li onclick="SetSrc('Search.aspx');"><a href="#">社区内搜索</a></li>
                                    <li onclick="SetSrc('SecondHand.aspx');"><a href="#">发布二手物品</a></li>
                                    <li onclick="SetSrc('Service.aspx');"><a href="#">发布服务</a></li>
                                    <li><a href="#">Aenean facilisis</a></li>
                                    <li><a href="subpage.html">Etiam vitae consequat</a></li>
                                    <li><a href="http://www.dataminingcenter.net/">Aliquam sollicitudin</a></li>
                                    <li><a href="http://www.dataminingcenter.net/">Nunc fermentum</a></li>
                                    <li><a href="http://www.dataminingcenter.net/">Quisque in ligula</a></li>
                                    <li><a href="http://www.dataminingcenter.net/">Donec a massa dui</a></li>
                                    <li><a href="http://www.dataminingcenter.net/">Aenean facilisis</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="sidebar_box">
                            <h2>
                                Discounts</h2>
                            <div class="sidebar_box_content">
                                <a href="http://www.865171.cn">
                                    <img src="images/templatemo_image_01.jpg" alt="product" width="160" height="120" /></a>
                                <p>
                                    Praesent mi mi, suscipit non aliquam</p>
                                <div class="discount">
                                    <span>30% off</span> | <a href="http://www.dataminingcenter.net/">Read more</a></div>
                                <div class="cleaner">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="templatemo_sidebar_bottom">
                    </div>
                    <!-- end of sidebar -->
                </div>
                <!-- end of templatemo_sidebar_wrapper -->
                <div id="templatemo_content">
                    <div id="banner">
                        <a href="http://www.dataminingcenter.net/" target="_parent"></a>
                    </div>
                    <%-- <div id="content_top">
                    </div>--%>
                    <div id="content_middle">
                        <div class="box">
                            <h1>
                                社区简介</h1>
                            <div id="summary" class="text">
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 新宇微社区致力于向用户提供基于地理位置的社区信息，<br />
                                我们始终认为信息的远近和信息的有效性成反比，马上搜索社区内的服务，店铺及工作机会吧<br />
                                <br />
                                <br />
                                <br />
                            </div>
                        </div>
                        <br />
                        <h3 id="middletitle">
                            生活圈地图</h3>
                        <div id="regDiv" class="product_box margin_r20" style="display: none">
                            <div class="sidebar_box_content">
                                <table style="width: 90%; border: 1px">
                                    <tr>
                                        <td align="right">
                                            用户名 ：&nbsp;
                                        </td>
                                        <td>
                                            <div class="news_box">
                                                <input id="userName" type="text" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            密码：&nbsp;
                                        </td>
                                        <td>
                                            <div class="news_box">
                                                <input id="mima1" onkeyup="pwStrength(this.value)" onblur="pwStrength(this.value)"
                                                    type="password" />
                                            </div>
                                        </td>
                                        <td>
                                            <table width="180" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc"
                                                style='display: inline'>
                                                <tr align="center" bgcolor="#eeeeee">
                                                    <td width="33%" id="strength_L">
                                                        弱
                                                    </td>
                                                    <td width="33%" id="strength_M">
                                                        中
                                                    </td>
                                                    <td width="33%" id="strength_H">
                                                        强
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            重复密码： &nbsp;
                                        </td>
                                        <td>
                                            <div class="news_box">
                                                <input id="mima2" type="password" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            邮箱： &nbsp;
                                            <td>
                                                <div class="news_box">
                                                    <input id="mailbox" type="text" /></div>
                                            </td>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            手机号码： &nbsp;
                                        </td>
                                        <td>
                                            <div class="news_box">
                                                <input id="mobileNo" onblur="mbCheck(); " type="text" /></div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            性别： &nbsp;
                                        </td>
                                        <td>
                                            <div class="news_box">
                                                <input id="Radio1" checked="checked" type="radio" />男&nbsp;<input id="Radio2" type="radio" />女
                                            </div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right">
                                            ： &nbsp;
                                        </td>
                                        <td>
                                            <div class="news_box">
                                                <input type="button" id="demo-tip-darkgray" onclick="SetSearchInfo();"
                                                    value="注 册" title="亲，标注地图位置完成注册。." />
                                            </div>
                                        </td>
                                        <td>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div id="mapDiv" class="product_box margin_r20">
                            <iframe id="frm" height="400px" width="100%" src="WebMap.aspx" frameborder="0"></iframe>
                            <h3>
                                Vestibulum urna ipsum</h3>
                            <p class="price">
                                Price: <span>$35</span></p>
                            <a href="http://www.dataminingcenter.net/" class="detail">Detail</a><a href="http://www.865171.cn"
                                class="addtocard">Add to cart</a>
                            <div class="cleaner">
                            </div>
                            <div id="fill">
                            </div>
                        </div>
                        <%--<div class="product_box"> <a href="subpage.html"><img src="images/templatemo_image_03.jpg" alt="Red Bell" width="220" height="165" /></a>
            <h3>Aliquam sollicitudin</h3>
            <p class="price">Price: <span>$30</span></p>
            <a href="http://www.865171.cn" class="detail">Detail</a><a href="http://www.865171.cn" class="addtocard">Add to cart</a>
            <div class="cleaner"></div>
          </div>
          <div class="product_box margin_r20"> <a href="http://www.865171.cn/" target="_parent"><img src="images/templatemo_image_04.jpg" alt="Christmas Gift" width="220" height="165" /></a>
            <h3>Vestibulum urna ipsum</h3>
            <p class="price">Price: <span>$45</span></p>
            <a href="http://www.865171.cn" class="detail">Detail</a><a href="http://www.865171.cn" class="addtocard">Add to cart</a>
            <div class="cleaner"></div>
          </div>
          <div class="product_box"> <a href="http://www.865171.cn/" target="_parent"><img src="images/templatemo_image_05.jpg" alt="Christmas Bell" width="220" height="165" /></a>
            <h3>Aliquam sollicitudin</h3>
            <p class="price">Price: <span>$25</span></p>
            <a href="http://www.865171.cn" class="detail">Detail</a><a href="http://www.865171.cn" class="addtocard">Add to cart</a>
            <div class="cleaner"></div>
          </div>--%>
                        <div class="cleaner">
                        </div>
                    </div>
                    <%-- <div id="content_bottom">--%>
                </div>
            </div>
            <div class="templatemo_sidebar_wrapper float_r">
                <div class="templatemo_sidebar_top">
                </div>
                <div class="templatemo_sidebar">
                    <div class="sidebar_box">
                        <h2>
                            地区广告推广</h2>
                        <div class="sidebar_box_content">
                            <div class="news_box">
                                <h4>
                                    <a href="subpage.html">Lorem ipsum dolor sit amet consectetur</a></h4>
                                <p>
                                    广告位，QQ：1320379472<br />
                                    Tel:13913926930
                                </p>
                            </div>
                            <div class="news_box">
                                <h4>
                                    <a href="index.html">Cras eget est vel magna gravida lacinia habitasse platea</a></h4>
                                <p>
                                    广告位，QQ：1320379472<br />
                                    Tel:13913926930</p>
                            </div>
                            <div class="news_box">
                                <h4>
                                    <a href="subpage.html">Sed id leo nec nulla sagittis iaculis sed id erat</a></h4>
                                <p>
                                    广告位，QQ：1320379472<br />
                                    Tel:13913926930</p>
                            </div>
                            <div class="news_box">
                                <h4>
                                    <a href="index.html">Sed id leo nec nulla sagittis iaculis sed id erat</a></h4>
                                <p>
                                    广告位，QQ：1320379472</p>
                            </div>
                        </div>
                        <!-- end of sidebar_box_content -->
                    </div>
                    <!-- end of sidebar_box ( news ) -->
                    <div class="sidebar_box">
                        <h2>
                            留言簿</h2>
                        <div class="sidebar_box_content">
                            <div id="newsletter_box">
                                <label>
                                    如果您对本站有任何意见或建议,请给站长留言,最好留下联系方式哦.</label>
                                <asp:TextBox ID="txtMsg" runat="server" Height="111px" Width="154px" TextMode="MultiLine"></asp:TextBox>
                                <input type="button" onclick="SaveMessage()" name="login" value="提 交" alt="login"
                                    class="submit_btn" title="Login" />
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end of sidebar_box ( newsletter ) -->
            </div>
            <div class="templatemo_sidebar_bottom">
            </div>
            <!-- end of sidebar -->
        </div>
        <!-- end of templatemo_sidebar_wrapper -->
        <div class="cleaner">
        </div>
    </div>
    <!-- end of templatemo_content_wrapper -->
    <!-- end of templatemo_wrapper -->
    <div class="cleaner">
    </div>
    <!-- end of templatemo_body_wrapper -->
    <div id="templatemo_footer_wrapper">
        <div id="templatemo_footer">
            <ul class="footer_menu">
                <li><a href="http://www.dataminingcenter.net/" class="current">Today's Specials</a></li>
                <li><a href="http://www.dataminingcenter.net/" target="_blank">Web Design</a></li>
                <li><a href="http://www.dataminingcenter.net/" target="_parent">Templates</a></li>
                <li><a href="http://www.dataminingcenter.net/">Wish Lists</a></li>
                <li><a href="http://www.dataminingcenter.net/">Shipping Rates</a></li>
                <li><a href="http://www.dataminingcenter.net/">Return Policies</a></li>
                <li><a href="http://www.dataminingcenter.net/">Your Account</a></li>
                <li class="last_menu"><a href="http://www.dataminingcenter.net/">Help</a></li>
            </ul>
            Copyright © 2012 <a href="http://www.dataminingcenter.net/">新宇微社区</a> | Designed
            by <a href="http://www.dataminingcenter.net/" target="_parent">daixinyu</a> | Validate
            <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">
                CSS</a>
            <div class="cleaner">
            </div>
        </div>
        <!-- end of footer -->
    </div>
    <asp:HiddenField ID="HidIP" runat="server" />
    <asp:HiddenField ID="hidopenId" runat="server" />
    <asp:HiddenField ID="hidaccessToken" runat="server" />
    <!-- end of templatmeo_footer_wrapper -->
    </form>
</body>
</html>
